@import:~"!important";

.ui-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1999;
//  -webkit-box-orient: horizontal;
//  -webkit-box-pack: center;
//  -webkit-box-align: center;
  background: rgba(0, 0, 0, .7);
  display: none;
}
/*
.ui-modal.in {
  display: -webkit-box !important;
  display: box !important;
}
*/
.ui-modal.in {
	display: table @import;
}
.ui-modal > div {
	display: table-cell;
	vertical-align: middle;
}

/* clear bootstrap */
/*
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
*/

/* 编辑框 */

.edit-modal {
	.modal-dialog {
		border: 7px solid rgba(220,220,220,0.5);
    box-shadow: 2px 2px 10px #555;
    border-radius: 10px;
	}	
	.modal-content {
		border-radius: 6px;
    box-shadow: 0 0 5px #555;
    border: 2px solid #444;		
		overflow: hidden;	
		.modal-header {
			height: 50px;
			background-color: #f3f3f3;
			border-bottom: 1px solid #ddd;
			padding: 16px 10px 2px 16px;
			font-size: 1.3em;			
		}
		.modal-footer {
			border-top: 1px solid #ddd;			
		}
	}
 .table {
		margin: 0;
	  th,td {
		vertical-align: middle;
	 }
  }	
	tr td:first-child {
		padding-left:   15px;
		padding-right:  15px;
	}
}